<template>
<div>

<div class="a" :style="{'width':offsetwidth+'px', 'height':offsetheight+'px'}">
	<img src="https://img.hidlq.com/image/cuanyue/quanguowangluo-bg.png" 
	:style="{'height':offsetheight+'px', 'transform': 'translate3d(-' + offsetX + 'px, 0px, 0px)'}"  >


		<!-- <img class="a1" src="https://img.hidlq.com/image/cuanyue/quanguowangluo-ditu.png" 
		:style="{'top' : 20 + 'px', 'left' : offsetwidth * 0.5 - 330 + 'px', 'height' : 500 + 'px'}"
		> -->


	<!-- <div class="a2" 
	:style="{'top' : 60 + 'px', 'left' : offsetwidth * 0.5 - 600 + 'px'}"
	>
		<img class="a1" src="https://img.hidlq.com/image/cuanyue/qiyebeijing-greenbg.png" 
		:style="{'top' : 20 + 'px', 'left' : 20 + 'px', 'height' : 400 + 'px'}"
		>


		<img class="a1" src="https://img.hidlq.com/image/cuanyue/logo.png" 
		width="300" height="120" 
		:style="{'top' : 20 + 'px', 'left' : 780 + 'px'}"
		>

		<img class="a1" src="https://img.hidlq.com/image/cuanyue/logo.png" 
		width="300" height="120" 
		:style="{'top' : 156 + 'px', 'left' : 780 + 'px'}"
		>

		<img class="a1" src="https://img.hidlq.com/image/cuanyue/logo.png" 
		width="300" height="120" 
		:style="{'top' : 302 + 'px', 'left' : 780 + 'px'}"
		>
	</div> -->

	
		
</div>

</div>
</template>

<script>

import { mapGetters } from 'vuex'

export default {
	
	name : 'cuanyuequanguowangluo',
	
	data () {
		return {
		  	offsetheight : document.documentElement.clientHeight - 60,    //获取当前页面的高度
			offsetwidth : document.documentElement.clientWidth,    //获取当前页面的高度

			imgWidth : 1400,
			imgHeight : 500,
		}
	},

	props : {

	},

	components : {
		
	},

	computed : {
		...mapGetters([
			
		]),

		bili () {
			return this.offsetheight / this.imgHeight;
		},

		offsetX () {
			return (this.imgWidth * this.bili - this.offsetwidth) * 0.5;
		},
	},

	methods : {
		
	},

	watch : {
	    
	},

	mounted () {
		
	},

}
</script>

<style scoped>
.section{
	overflow: hidden;
}
.a {
	position: relative;
}
.a1 {
	position: absolute;
	/*animation-delay: 1s;
	animation-duration: 1s;*/
}

.a2 {
	position: absolute;
	width: 1200px;
	/*height: 300px;*/
}
</style>
